<div [@flyIn]="'active'">
  <div class="wrapper-sm">
    <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
        <div class="m-t-xs m-t-sm">
          <span>用户信息</span>
          <i class="fa fa-angle-right"></i>
          <span>密码修改</span>
        </div>
      </div>
    </div>
  </div>
  <div class="wrapper-sm">
    <div class="panel panel-default">
      <div class="panel-body">
        <form name="form" class="form-validation form-horizontal">
          <div class="form-group">
            <label class="col-lg-3 control-label">用户名</label>
            <div class="col-lg-9" >
              <input class="form-control" [(ngModel)]="data.username" readonly="" name="username">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-3 control-label">当前密码</label>
            <div class="col-lg-9 control-label" >
              <input type="password" [(ngModel)]="oldpassword" class="form-control" placeholder="请输入当前密码" required name="oldpassword">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-3 control-label">新密码</label>
            <div class="col-lg-9" >
              <input type="password" [(ngModel)]="newpassword" class="form-control" name="newpassword" placeholder="请输入新密码" required>
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-3 control-label">确认密码</label>
            <div class="col-lg-9" >
              <input type="password" [(ngModel)]="confirmpassword" class="form-control"  name="confirmpassword" placeholder="请确定新密码"  required>
            </div>
          </div>
          <button class="btn btn-sm btn-info pull-right" (click)="modifypassword()">确定</button>
        </form>
      </div>
    </div>
  </div>


</div>
